.home-main{
    padding: 0 0 0 20px;
    &>.system p{
        height: 18px;
        overflow: hidden;
        font-size: 14px;
        .system-mes{
            color: #2fa0ff;
            vertical-align: top;
            position: relative;
            padding-left: 15px;
            cursor: default;
            i{
                position: absolute;
                top: 1px;
                left: 0;
                padding-right: 8px;
            }
        }
        .meslist{
            display: inline-block;
            transition: all .5s;
            li{
                cursor: pointer;
            }
        } 
        .flip-list-move {  
            transition: transform 1s;  
        }    
    }
    .system{
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .title{
        padding: 20px 9px 10px 0;

        &>div{
            vertical-align: middle;
        }
        .titname{
            font-size: 20px;
            color: #585758;
            font-weight: 400;
        }
    }
    .count{
        &>div{
            width: 400px;
            height:160px;
            margin-right: 9px;
        }
        &>div:first-child{
            margin-left: 0;
        }
        &>div:last-child{
            margin-right: 0;
        }
        i{
            display: inline-block;
            width: 100px;
            height: 100px;
            vertical-align: middle;
        }
        .count-order i{
            background: url('../../images/count-icon.jpg') no-repeat 0 0;
        }
        .count-order-l i{
            background: url('../../images/count-icon.jpg') no-repeat -103px 0;
        }
        .count-shop i{
            background: url('../../images/count-icon.jpg') no-repeat -206px 0;
        }
        .count-clerk i{
            background: url('../../images/count-icon.jpg') no-repeat -309px 0;
        }
        & .ivu-card-body>div{
            display: inline-block;
            vertical-align: middle;
            line-height: 50px;
            padding-left: 15px;
        }
        & .ivu-card-body>div h1, & .ivu-card-body>div h3{
            font-weight: 400;
            
        }
    }
    .money-item{
        &>div{
            float: left;
            text-align: center;
        }
        &>div>div{
            height: 285px;
            width: 235px;
            border-radius: 0;
            &>div{
                padding-top: 30px;
                padding-bottom: 35px;
                &>div span{
                    font-size: 24px;
                }
            }
        }
        &>div>div h2,&>div>div h1{
            font-weight: 400;
            line-height: 40px;

        }
    }
    .table-item {
        td .ivu-icon{
            width: 14px;
            height: 14px;
            vertical-align: middle;
        }
        & .ivu-table-cell>div>span{
            vertical-align: middle;
        }
        .ivu-icon-color-0{background: #ff7a7a}
        .ivu-icon-color-1{background: #34b9ff}
        .ivu-icon-color-2{background: #ffcc00}
        .ivu-icon-color-3{background: #52f26c}
        .ivu-icon-color-4{background: #f4b16c}
        .ivu-icon-color-5{background: #a4b16c}
        .ivu-icon-color-6{background: #53c26c}
        .ivu-icon-color-7{background: #14319d}
        .ivu-icon-color-8{background: #9aa12b}
        .ivu-icon-color-9{background: #dd078f}
    }
}